<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<base href="<%=basePath%>">
		
		<meta charset="utf-8" />
		<title></title>
		
		<meta name="description" content="overview & stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="static/css/bootstrap.min.css" />
		<link rel="stylesheet" href="static/css/bootstrap-responsive.min.css" />
		<link rel="stylesheet" href="static/css/font-awesome.min.css" />
		<!--[if IE 7]><link rel="stylesheet" href="css/font-awesome-ie7.min.css" /><![endif]-->
		<!--[if lt IE 9]><link rel="stylesheet" href="css/ace-ie.min.css" /><![endif]-->
		<link rel="stylesheet" href="static/css/ace.min.css" />
		<link rel="stylesheet" href="static/css/ace-responsive.min.css" />
		<link rel="stylesheet" href="static/css/ace-skins.min.css" />
		
		
		<script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>	
		<!--提示框-->
		<script type="text/javascript" src="static/js/jquery.tips.js"></script>
		<script type="text/javascript">
			$(window.parent.hangge());	
			$(document).ready(function(){
					if($("#moduleid").val()!=""){
						var parentmoduleid = $("#pid").val();
						if(parentmoduleid=="0"){
							$("#parentmoduleid").attr("disabled",true);
						}else{
							$("#parentmoduleid").val(parentmoduleid);
							$("#form-field-radio1").attr("disabled",true);
							$("#form-field-radio2").attr("disabled",true);
							$("#form-field-radio1").attr("checked",false);
							$("#form-field-radio2").attr("checked",false);
						}
					}
				});
				
				var moduleurl = "";
				function setMUR(){
					moduleUrly = $("#moduleurl").val();
					if(moduleUrly != ''){moduleurl = moduleUrly;}
					if($("#parentmoduleid").val()=="0"){
						$("#moduleurl").attr("readonly",true);
						$("#moduleurl").val("");
						$("#form-field-radio1").attr("disabled",false);
						$("#form-field-radio2").attr("disabled",false);
					}else{
						$("#moduleurl").attr("readonly",false);
						$("#moduleurl").val(moduleurl);
						$("#form-field-radio1").attr("disabled",true);
						$("#form-field-radio2").attr("disabled",true);
						$("#form-field-radio1").attr("checked",false);
						$("#form-field-radio2").attr("checked",false);
					}
				}
				
				//保存
				function save(){
					if($("#modulename").val()==""){
						$("#modulename").tips({
							side:3,
				            msg:'请输入菜单名称',
				            bg:'#AE81FF',
				            time:2
				        });
						$("#modulename").focus();
						return false;
					}
					
					if($("#moduleurl").val()==""){
						$("#moduleurl").val('#');
					}
					
					if($("#moduleorder").val()==""){
						$("#moduleorder").tips({
							side:1,
				            msg:'请输入菜单序号',
				            bg:'#AE81FF',
				            time:2
				        });
						$("#moduleorder").focus();
						return false;
					}
					
					if(isNaN(Number($("#moduleorder").val()))){
						$("#moduleorder").tips({
							side:1,
				            msg:'请输入菜单序号',
				            bg:'#AE81FF',
				            time:2
				        });
						$("#moduleorder").focus();
						$("#moduleorder").val(1);
						return false;
					}
					
					$("#moduleForm").submit();
					$("#centerOfMainFrame").hide();
					$("#centerOfMainFrame2").show();
				}
		</script>
		
	</head>
	
	<body>
		<form action="module/edit.do" name="moduleForm" id="moduleForm" method="post">
			<input type="hidden" name="moduleid" id="moduleid" value="${pageData.moduleid}"/>
			<input type="hidden" name="pid" id="pid" value="${pageData.parentmoduleid}"/>
			<div id="centerOfMainFrame">
			<table>
				<tr>
					<td>
						<select name="parentmoduleid" id="parentmoduleid" onchange="setMUR()" title="菜单">
							<option value="0">顶级菜单</option>
							<c:forEach items="${moduleList}" var="module">
								<option value="${module.moduleid }">${module.modulename }</option>
							</c:forEach>
						</select>
					</td>
				</tr>
				
				<tr>
					<td><input type="text" name="modulename" id="modulename" placeholder="这里输入菜单名称" value="${pageData.modulename }" title="名称"/></td>
				</tr>
				<tr>
					<td><input type="text" name="moduleurl" id="moduleurl" placeholder="这里输入链接地址" value="${pageData.moduleurl }" title="地址"/></td>
				</tr>
				<tr>
					<td><input type="number" name="moduleorder" id="moduleorder" placeholder="这里输入序号" value="${pageData.moduleorder}" title="序号"/></td>
				</tr>
				<tr>
				<td style="text-align: center; padding-top: 10px;">
					<a class="btn btn-mini btn-primary" onclick="save();">保存</a>
					<a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
				</td>
			</tr>
			</table>
			</div>
			<div id="centerOfMainFrame2" class="center" style="display:none"><br/><br/><br/><img src="static/images/jiazai.gif" /><br/><h4 class="lighter block green"></h4></div>
		</form>
	</body>
</html>